body{font-family: "å¾®è½¯é›…é»‘", Arial, sans-serif; font-size: 12px; }
.clearfix { clear: both; }
.f-left { float: left; }
.text-red { color: #f30; }
.text-grey { color: #999; }
.bg-white { background-color: #fff; }
.bg-grey { background-color: #f1f1f1; }
.border-grey { border: 1px solid #ddd; }
.border-none { border: none!important; }
.mr-0 { margin:0px; }
.ml-18 { margin-left: 18px; }
.pd-0 { padding: 0!important; }
.pd-8-9 { padding: 8px 9px!important;}
.pd-16 { padding: 16px; }
.pr-0 { padding-right: 0px; }
.pr-15 { padding-right: 15px; }
.pl-0 { padding-left: 0px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-22 { font-size: 22px; }
.fs-30 { font-size: 30px!important; }
.mt-20 { margin-top: 20px; }
.mt-50 { margin-top: 50px; }
.mr-5 { margin:5px; }
.lh-40 { line-height: 40px; }
.avatar { border-radius: 50%; }
.chosen-container { margin-bottom: 5px; }
ul.no-list-type { padding: 0px; margin: 0px; }
ul.no-list-type li { list-style-type: none; }
.memberdiv { height: auto !important; min-height: 70px; *height: 70px; width: 24% !important; }
select.category-items { margin-bottom: 10px; }
.aright, .txt-right { text-align: right; }
div.f-right { float: right !important; }
th.field-id, td.field-id { display: none; }
textarea.field-data { width: 90%; height: 95%; }
div.dialog-box-body p.alert-info a { color: #ff0000; text-decoration: underline; }
div.dialog-box-body p.alert-info a:hover { color: #ff0000; text-decoration: none; }
form.form-horizontal textarea.autosize { overflow: hidden; word-wrap: break-word; resize: horizontal; height: 70px; }
form.form-horizontal textarea { height: 80px; }
div.tag-list { margin-top: 3px; }
label.fright { float: right; }
.h-100 { height: 100px; }
.btn-sm,.btn-xs{ border-width: 4px; font-size: 13px; padding: 4px 9px; line-height: 1.39; }
.btn-form-box button { line-height: 20px; }
.pre-next-record { width: 400px; float: right; margin-right: 100px; text-align: right; }
.ace-thumbnails>li { text-align: center; width: 100px; overflow: hidden; }
.ace-thumbnails>li img { height: 120px; } 
.uploader-box { width: 100px; float: left; border: 2px #3b98d6 dotted; height: 120px; margin: 2px; }
li.pic { position: relative; }
.tags-box .tagsinput { float: left; }
.field img { max-height: 64px; max-width: 64px; }
td.field-image_path { text-align: center; }
.txt-blod { font-weight: 700; }
#lightbox-image-details { display: none !important; }
.actor-functions-box .tab-pane { height: 270px; overflow: auto; }
.common-pane { display: block !important; }
.log-pane { max-height: 300px; overflow-y: auto; overflow-x: hidden; min-height: 150px; }
.log-message-box {  border: 1px #f0f0f0 solid; padding: 5px; }
.help-inline span { cursor: pointer; }
.alert p { word-break: break-all; }
ul.search-file-list li { position: relative; }
ul.search-file-list li span.checked  { width: 30px; height: 30px; display: none; top: 0px; right: -10px; position: absolute; font-size: 18px; font-weight: normal; padding: 4px; }
ul.search-file-list { max-height: 500px; }
ul.search-file-list li.selected span.checked { display: block; }
#log-box { overflow-y: visible !important; }
.baidu-fields-box .control-group { display: none; }

/********* topic-list hide some fields   ***********/
.table-topic .field-tags,.table-topic .field-type,.table-topic .field-content,
.table-topic .field-image_path,.table-topic .field-user_id,.table-topic .field-parent_id,
.table-topic .field-url,.table-topic .field-password,.table-topic .field-total_comments,
.table-topic .field-total_great,.table-topic .field-total_collect,
.table-topic .field-total_report,.table-topic .field-extend1,.table-topic .field-extend2,
.table-topic .field-extend3,.table-topic .field-model_id,
.table-topic .field-flag,.table-topic .field-create_time,.table-topic .field-edit_time,
.table-topic .field-remark{display: none;}
input.recommend-chk { margin-top: 18px; }
#vcode { text-transform:uppercase; }
.search-tool-bar-box .dataTables_filter input { width: 75px; }
.search-tool-bar-box .dataTables_filter select { width: 125px; }
.dataTables_wrapper { border: 1px #ccc solid; border-bottom: 2px #ccc solid; }
.recommend-drop{height: 23px; width: 50px; font-size: 9px; border-width:0px!important;}
.CodeMirror { border: 1px #e0e0e0 solid; }
.xele-list { max-height: 200px; overflowl-y: scroll; overflow-x: hidden; }
.chzn-container .chzn-drop { z-index: 9999 !important; }
input.input-field-name { height: 40px; line-height: 38px; font-size: 16px; font-weight: 400; color: #454545; }
.affix.btn-form-box {
    top: 0px; right: 0px; z-index: 999; 
    border-bottom: 1px solid #d4d4d4;
    background-color: #fafafa;
    padding: 13px 10px 13px 0px;
    width: 95%;
}
/*content css start*/
.content-box label.control-label { font-weight: 700; color: #454545; }
/*content css end*/
/*widget css end*/
    .widget-box { border-color: #e0e0e0; }
    .widget-box label.control-label { width: 30%; float: left; line-height: 28px; }
    .widget-box .controls { width: 65%; float: left; }
        .widget-box .controls input { height: 24px; }
    .widget-box .control-group { margin-bottom: 0px; }
    .widget-body { border-color: #e0e0e0; }
    .widget-header { background: none; border-color: #e0e0e0; }
    ul.xele-list { left: -130px; }
    .tags-top-list a { display: inline-block; margin-right: 3px; margin-top: 3px; }
/*widget css end*/
.nav-list>li { z-index: 1000;}
.accordion-style1.panel-group .panel-heading .accordion-toggle { color: #4c8fbd; background-color: #eef4f9; position: relative; font-weight: bold; font-size: 13px; line-height: 1; padding: 10px; display: block; }
.rights-box .item-box ul.ztree { height: 400px; }
   .rights-box a.cancel-all-btn { right: 55px; }
    a.cancel-all-btn, a.checked-all-btn { font-size: 14px; display: inline-block; margin-right: 10px; }
.tab-content { min-height: 420px; }
.tabbable .tab-content { min-height: 100px; }
.linked-item { line-height: 22px; border-bottom: 1px #e0e0e0 dashed; margin-top: 5px; }
/*linked lang list box css start*/
.auto-linked-search-box { position: relative; }
    .linked-search-result-list { position: absolute; top: 33px; left: -25px; width: 97%; border: 1px #e0e0e0 solid; background: #fff; padding: 5px 10px; z-index: 2; display: none; }
   .linked-search-result-list li { list-style-type: none; }
    .linked-search-result-list li a { display: block; width: 100%; line-height: 20px; text-decoration: none; }
    .linked-search-result-list li.on a, .linked-search-result-list li a:hover { background-color: #f0f0f0; color: #f30;}
/*linked lang list box css end*/
.help-info { color: #999; font-size: 12px; line-height: 14px; display: block; margin-top: 5px;}
.widget-body-inner .help-info { display: none; }
div.ztree-checkbox ul.ztree { height: 170px; overflow-y: auto; border: 1px #ccc solid; padding: 10px;}
.add-category-box { padding-top: 5px; }
.navbar-inverse { position: relative; z-index: 14;}
#sidebar.menu-min { z-index: 13; }
.affix { position: fixed !important; }
#sidebar.affix { top: 0px; }
.theme-box { padding: 20px; }
.ace-thumbnails>li { border: 0px; }
.ace-thumbnails>li a.pic { display: block; line-height: 116px; height: 116px; overflow: hidden;  padding: 0px; border: 2px solid #333; }
.ace-thumbnails>li img { height: 116px; }
.ace-thumbnails>li .tags { bottom: 0; right: 0; overflow: visible; opacity: .9; filter: alpha(opacity=90); direction: rtl; width: 135px; }
.ace-thumbnails>li .album-pic-link-box { position: relative; overflow: hidden; height: 122px; }
.ace-thumbnails>li .album-pic-link-box span.icon-check { position: absolute; right: 2px; top: 2px; }
.ace-thumbnails>li .sort-box input { width: 84px; display: inline-block; text-align: center; }
.ace-thumbnails>li img { height: auto; }
.theme-box .tags span.label-holder { display: block; }
.theme-box .tags span.label { display: block; line-height: 20px; margin: 9px 0px; }
.theme-box .tags span a { color: #fff; }
a.underline:hover { border-bottom: 2px #f30 solid; }
.label-danger, .badge-danger { background-color: #d15b47!important; }
.theme-list li .inner-box { height: 213px; overflow: hidden; margin: 0px 0px 10px; }
.theme-list li.add-new-theme  .inner-box { display: relative; cursor: pointer; border: 4px dashed #dedede; -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,.1); box-shadow: 0 1px 1px -1px rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 233px; }
    .theme-list li.not-exists { background: #f30; }
    .theme-list li.not-exists div.text { display: block; height: 213px; opacity: 1.0; font-size: 18px; color: #fff; }
    .theme-list li.add-new-theme a { line-height: 213px; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; text-decoration: none; display: block; width: 100%; height: 100%; }
    .theme-list li.add-new-theme a i { font-size: 72px; color: #999; line-height: 213px; }
    .theme-list li.add-new-theme a:hover { background: #08c;  }
    .theme-list li.add-new-theme a:hover i { color: #fff;  }
.theme-list li a.theme-btn { display: block; width: 100%; height: 100%;}
.theme-list li a.theme-btn div.text { z-index: 99; }
.theme-list li div.tools { z-index: 100; }
.theme-box li span.active {position: absolute; height: 26px; top: 10px; left: -1px; }
.theme-box li span.active span { height: 20px; line-height: 20px; }
.modal-body { max-height: 455px; }
.screenshot { border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px rgba(0,0,0,.2); text-align: center; }
.theme-info {}
    .theme-name { color: #222; font-size: 32px; font-weight: 100; margin: 10px 0 0; line-height: 1.3; } 
    .theme-version { color: #999; font-size: 13px; font-weight: 400; float: none; display: inline-block; margin-left: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .theme-author { color: #686868; font-size: 16px; font-weight: 400; margin: 15px 0 25px; } 
    .theme-description { color: #555; font-size: 15px; font-weight: 400; line-height: 1.5; margin: 30px 0 0; } 
    .theme-tags { border-top: 3px solid #eee; color: #888; font-size: 13px; font-weight: 400; margin: 30px 0 0; padding-top: 20px; }. 
        .theme-tags span { color: #444; font-weight: 700; margin-right: 5px; }
.webuploader-pick { width: 70px; height: 100px; line-height: 100px; }
#page-content>.page-header:first-child>h1>small { line-height: 50px; }
.btn-white { color: #333 !important; }
#local-file .webuploader-pick { width: 70px; height: 14px; line-height: 15px; margin: 0px auto; }
#demo-file-box { margin-bottom: 10px; text-align: center; max-height: 400px; overflow: hidden; }
#demo-file-box img { max-width: 200px; }
#local-file .webuploader-container { width: 103px; height: 36px; line-height: 15px; margin: 0px auto; }
.old-file-box { margin-top: 40px; }
.filedata-form-btns-box { padding: 10px 0px 0px 10px; }
.pagination { margin: 0px; }
img.pic { width: 64px; }
.datepicker{z-index: 20 !important; }
.modal-lg { width: 800px; left: 44%; }
.panel-title-box { background-color: #eef4f9; }
.panel-title-box h4.panel-title { margin: 0px; }
.panel-title-box .btn { margin: 4px 5px 0px 0px;}
.search-modal-box { width: 1000px; left: 40.5%; }
.search-modal-box .btn-mini { padding: 2px 5px; }
@media only screen and (max-width:1440px) {
    .search-modal-box { width: 1000px; left: 36.5%; }
}
.dd,
.goods-list-box { max-width: 100%; }
.panel-body { margin-top: 10px; }
.table-sku-list tr td input { max-width: 100%; width: 86%; text-align: center; margin-bottom: 0px; }
.table-sku-list tr td .old-file-box { margin-top: 0px; text-align: center; }
.table-sku-list tr td .old-file-box img { width: 50px; }
.modal-pane .user {border-radius: 50%;width: 48px;height: 48px;max-width: 100%;max-width: 100%;max-width: 100;max-width: 10;max-width: 1;max-width:;overflow: hidden;border: 2px #fff solid;margin: 0px auto;line-height: 4;}
.modal-pane .item-box { width: 25%; margin-left: 0px; margin-top: 5px; margin-bottom: 15px; height: 73px; overflow: hidden; }
.modal-pane .item-box a { display: block; border-bottom: 1px #f0f0f0 solid; padding: 10px;  }
.modal-pane .item-box a:hover { color: #f30; background: #f0f0f0; border-bottom: 1px #e0e0e0 solid; }
.table th, .table td { text-align: center !important; }
.number-box { background: #F8F8F8; margin: 10px 0px 30px; }
.number-box a { color: #343434; display: block; padding: 15px 0px 25px; }
.number-box a strong { color: #08c; display: block; }
.number-box a:hover { text-decoration: none; background: #e0e0e0; color: #f30 !important; }
.sidebar-section-box { margin-bottom: 40px; }
.sidebar-section-box h4 { font-size: 14px; font-weight: 700; padding-bottom: 0px; }
.sidebar-section-box .text-list li a { color: #454545; display: block; line-height: 22px; }
.sidebar-section-box .text-list li { margin-bottom: 5px; }
.contact-box { background: #f0f0f0; padding: 15px; }
.nav-tabs>li { margin-bottom: -2px; }
.theme-list li.clearfix { width: 100%; display: block; float: none; height: 1px; border: none; }
a.btn-bold { padding: 1px; line-height: 13px; margin-top: 2px; margin-left: 2px; background-color: #333; color: #fff; }
#list-form { margin-bottom: 0px; }
.editor-fullscreen .edui-editor-iframeholder{
    width: 50% !important;
    margin: 15px auto;
    border: 1px solid #e2e2e2;
    padding: 12px 15px;
}
.tpl-part-box { border: 3px #999 dashed; margin: 15px 0px; padding: 10px; }
.art-checkbox { position: static !important; margin-top: 0px !important; opacity: 1 !important; }
ul.diancan-tab { border: 1px solid #cdcdcd; border-top: none; padding: 0px 1px 2px 0px; }
.diancan-tab>li { float: none !important; text-align: center; }
.diancan-tab li a { border:none!important; }
.diancan-tab>li.active>a { background-color: #6fb3e0; color: #fff;   }
.diancan-tab li a:hover { color: #999; }
.diancan-tab>li.active>a,.diancan-tab>li.active>a:hover,.diancan-tab>li.active>a:focus { background-color: #6fb3e0; color: #fff; border: none; }
.diancan-box-tab { margin-top: 11px; }
.diancan-box-tab h6.customer-title { color: #707070; background-color: #f2f2f2; margin: 0; border: 1px solid #cdcdcd; padding: 5px 0; }
/* add footer-voice-message-box css start*/
.voice-message-box {width: 48px;height: 48px; position: fixed; right: 20px; bottom: 26px; border-radius: 50%!important; z-index: 99; box-sizing: border-box; padding: 7px; }
.voice-message-box i.voice-icon { width: 30px; height: 30px; position: relative; z-index: 999999; display: inline-block; font-size: 25px; }
/* add footer-voice-message-box css end*/
.my-tab-content { border: none; padding: 0; }
.menu-min .nav-list>li>a>span#diancan-total { width: auto; }
.message-dialog-box {position: fixed;right: 20px;top: 100px;z-index: 1000;max-height: 50%;max-width: 20%;overflow: hidden;overflow-y: auto;padding-right: 20px;padding: 5px 15px;display: none;}
li.active span#diancan-total { display: none !important; }
.old-file-box { position: relative; display: inline-block; }
.old-file-box a.btn-remove-file { position: absolute; top: 0px; right: -30px; }
.field-name { font-size: 14px; }
.field-name .label { margin-left: 5px; }
.item-cat-plus-box { text-align: center; line-height: 73px;  }
.modal-pane .item-cat-plus-box a { display: block; border: 2px #999 dashed; border-bottom: 2px #999 dashed; height: 49px; }
.modal-pane .item-cat-plus-box a:hover { border-bottom: 2px #999 dashed; }
.item-cat-plus-box i { font-size: 40px; }
#model-tab li.active a { font-weight: 700; }
.empty-box { text-align: center; font-size: 20px; color: #999; margin-top: 35%; }
.empty-box i { font-size: 60px; color: green; }
.page-zhuohao-status .dataTables_wrapper .zhuohao-list-box .row-fluid:first-child,
.page-zhuohao-status .dataTables_wrapper .zhuohao-list-box .row-fluid:last-child {  background-color: #fff !important; }
.zhuohao-list-box .item-box { position: relative; margin: 15px 0px; background: #fff; padding: 15px; border: 1px #999 solid; border-radius: 10%; }
.zhuohao-list-box .item-box a { display: block; }
.zhuohao-list-box .item-box a h1 { font-size: 40px; line-height: 50px; color: #fff; text-decoration: none; border-bottom: none; }
.zhuohao-list-box .item-box a:hover { border-bottom: none; }
.zhuohao-list-box .item-box img { width: 50px; }
.zhuohao-list-box .item-box.status { background: #69aa46; }
.zhuohao-list-box .item-box.status-2 { background: #d15b47; }
.zhuohao-list-box .item-box .time-box { font-size: 14px;
    display: none;
    position: absolute;
    top: -10px;
    width: 89%;
    left: 0px;
    text-align: center;
    color: #333;
    border: 1px #333 solid;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    line-height: 20px;
}
.zhuohao-list-box .item-box.status-2 .time-box { display: inline-block; }
.zhuohao-list-box .item-box .time-box  strong { font-size: 16px; }
.zhuohao-list-box .item-box .tool-box a { color: #fff; }
.zhuohao-list-box .item-box .tool-box { position: absolute; bottom: -6px; left: 0px; width: 92%; text-align: right; display: none; }
.zhuohao-list-box .item-box.active .tool-box { display: block; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th { 
    background-color: transparent !important; 
    font-size: 12px !important;
    padding: 8px !important;
}
table.tablesorter tbody td {font-size: 12px !important; padding: 8px !important; }
table.tablesorter tbody tr.odd td { background-color: #f9f9f9 !important; }
.modal .form-horizontal .control-group { margin-bottom: 5px; }
#data-grid-box { min-height: 550px; }
.wait-box {display: inline-block;width: 36px;height: 36px;color: #333;border: 2px #000 solid;border-radius: 50%;font-size: 18px;font-weight: 700;line-height: 36px;position: absolute;top: -3px;left: 0px;}
.pay-cash-dialog input,
.pay-cash-dialog .control-group input:disabled, 
.pay-cash-dialog .control-group input:disabled { color: #333; font-size: 16px; font-weight: 700; }
.rights-box .right-list-box { height: 150px; overflow-x: hidden; overflow-y: auto; }
.rights-box .item-box { border: 1px #e0e0e0 solid; padding: 2px 10px 10px ; margin-bottom: 15px; }
.rights-box .item-box h4.page-header { height: 20px; overflow: hidden; line-height: 20px;}
.user-payment-list-box { border: 2px #e0e0e0 dashed; padding: 5px 0px; margin-bottom: 5px; }
form.form-horizontal .user-payment-list-box textarea { height: auto; max-height: 80px; }
#search-form input.date-picker { width: 120px; }
.modal-pane .item-box .name { margin-left: 5px; margin-top: 5px;}
.modal-pane .item-box .time { margin-left: 5px;}
.message-dialog-box:after {background: #fff;opacity: 0.6;content: ' ';position: absolute;z-index: -1;top: 0px;left: 0px;right: 0px;bottom: 0px;border: 1px #e0e0e0 solid;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);box-shadow: 0 0 1px rgba(0, 0, 0, .85);border-radius: 10px;}
.form-merge-pay label.control-label { width: 25%; }
.form-merge-pay .controls { margin-left: 30%; } 
.merge-pay-box .zhuohao-all-list-box { max-height: 400px; overflow-x: hidden; overflow-y: auto; border: 1px #e0e0e0 solid; min-height: 145px;  }
.merge-pay-box .form-merge-pay { max-height: 435px; overflow-x: hidden; overflow-y: auto;  }
.merge-pay-box .zhuohao-all-list-box {
    border-right: 1px #f0f0f0 solid;
    padding-right: 10px;
    padding-left: 5px;
    }
.merge-pay-box .zhuohao-all-list-box .item {border-bottom: 1px #e0e0e0 solid;margin-bottom: 15px;width: 25%;float: left;}
.merge-pay-box .zhuohao-all-list-box .item .amount { float: right; margin-top: 3px; }
.form-merge-pay select { width: 189px; }
.apps-box .apps-item {height: 88px;width: 91px;float: left;text-decoration: none;display: block;text-align: center;border-radius: 10%;border: 1px #e9e9e9 solid;padding: 5px;margin: 15px;overflow: hidden;}
.apps-box .apps-item:hover { background-color: #f0f0f0; }
.apps-box .apps-item .app-icon-box img {border-radius: 50%;height: 32px;widt;width: 32px;}
.apps-box .apps-item .app-icon-box {margin-bottom: 10px;margin-top: 9px;}
.apps-box .apps-item h3.name {font-size: 18px;font-weight: 400;color: #454545;margin-top: 5px;}
.apps-box .apps-item h3.name.mt-23 { margin-top: 23px; }
#sidebar { width: 85px; }
#sidebar:before { width: 85px; }
.nav-list>li>a {width: 100%;text-align: center;padding: 16px 0px 6px;height: auto;line-height: 24px;}
.nav-list>li>a>[class*="icon-"],
.nav-list>li>a>[class*="icon-"]:first-child{ line-height: 32px; font-size: 28px; width: 100%; display: block; text-align: center; }
#main-content { margin-left: 86px; padding-bottom: 60px;}
.page-zaidian .zhuohao-item-box {float: left;width: 118px;height: 120px;margin: 0px 15px 15px 0px;
}
.page-zaidian .zhuohao-item-box a { padding: 25px 10px; display: block; text-decoration: none; background-color: #a9eb6a; border-radius: 5%; color: #333; position: relative; border: 4px solid #a9eb6a; }
.page-zaidian .zhuohao-item-box a.active{
    background-color: #d15b47;
    color: #fff;
    border: 4px solid #d15b47;
}
.page-zaidian .zhuohao-item-box a.pay-done { background-color: #69aa46; color: #fff; 
    border: 4px solid #69aa46;}
.page-zaidian .zhuohao-item-box a.current {
    color: #fff;
    border: 4px solid #333;
}
.page-zaidian .zhuohao-item-box a:hover {
    opacity: 0.6;
}
    .zhuohao-item-box a h3.title { text-align: center; font-size: 26px; line-height: 30px; }
    .zhuohao-item-box .info-box { position: absolute; bottom: 2px; width: 85%; }
    .zhuohao-item-box .time-box { position: absolute; top: 5px; width: 80%; text-align: center; }
    .tool-btn-box .btn-big { display: inline-block; width: 78px; height: 78px; margin-left: 10px; }
    .tool-btn-box .btn-big i { display: block; font-size: 40px; line-height: 44px; }
    .tool-btn-box .btn-big-dropdown { height: 85px; }
    .btn-part-box { margin-bottom: 4px; text-align: left; }
    .btn-part-box .btn-row {width: 68px;margin-right: 6px;text-align: left;border: 1px #e0e0e0 solid;}
    .btn-part-box div.btn-row {width: 78px;margin-left: 0px;border-width: 1px;}
    .btn-part-box .btn-row a.dropdown-toggle {border-width: 0px !important;text-align: left;display: block;}
    #add-cai-modal { width: 750px; left: 43%; }
    .modal-header .close {
        font-size: 32px;
        border: 1px #333 solid;
        border-radius: 50%;
        padding: 2px;
        color: #333;
        opacity: 0.8;
    }
    .tool-btn-box  {
        position: fixed;
        width: 535px;
        bottom: 0px;
        height: 85px;
        z-index: 999;
        right: 18px;
        padding: 9px;
        background-color: #fff;
        border-top: 1px #e0e0e0 solid;
        border: 1px #e0e0e0 solid;
    }
    .order-list-box {
        width: 555px;
        position: fixed;
        right: 18px;
        top: 87px;
        bottom: 113px;
    }
        .order-list-wrapper-box {
            border-left: 1px #e0e0e0 solid;
            padding: 5px;
            /* padding-top: 87px; */
            /* max-height: 100%; */
            overflow: hidden;
            overflow-y: scroll;
            background-color: #fff;
            height: 100%;
        }
        .zhuo-hao-order-box {/* padding-bottom: 91px; */}
    .zhuohao-list-box {position: fixed;width: 100%;top: 80px;bottom: 0px;}
    .zhuohao-list-box-wrapper { margin-right: 700px; }
        .zhuohao-inner-list-box {position: fixed;width: 100%;top: 248px;bottom: 0px;}
        .zhuohao-inner-list-box-wrapper {margin-right: 700px;overflow: hidden;overflow-y: scroll;margin-bottom: 20px;height: 100%;}
    .page-yuding .btn-part-box a.btn-row,
    .page-yuding .btn-part-box .btn-row a.dropdown-toggle,
    .page-yuding .btn-part-box div.btn-row { height: 40px; line-height: 40px; }
    .item-box.apps-box { position: relative; }
.zhuohao-all-list-box label {position: relative;padding: 5px 10px;}
#need-pay-money {     height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 36px; }
.sub-order-list { margin-bottom: 10px; }
.sub-order-list .item { width: 20%; float: left; font-weight: 700; font-size: 16px; }
.sub-order-list .item .inner { border: 1px #e0e0e0 dashed; padding: 5px; }
.sub-order-list .item h3 { margin-top: 5px; }
td .dropdown-menu { text-align: left !important;}
.page-zaidian .footer { display: none; }
body.login-layout { background: url(../img/login-bg.jpg) no-repeat top center; background-size: 100%;  }
.login-container { margin: 7% auto 0px; }
.login-layout .widget-box { position: relative; }
.login-layout .footer-box { position: absolute; bottom: 5px;  width: 100%; }
.login-layout .footer-box,
.login-layout .footer-box a { color: #e0e0e0; }
.login-layout .footer-box a:hover { color: #f30; }
.apps-cat-box { padding-bottom: 15px;margin-top: 15px;}
.apps-cat-box .item-box { height: 192px; border: 1px #e0e0e0 solid; width: 120px; float: left; margin-right: 10px; margin-bottom: 10px; text-align: center; color: #333; padding: 20px; text-decoration: none; border-radius: 10px; }
.apps-cat-box .item-box.sub-app-box { width: 100px; height: 100px; }
.apps-cat-box .item-box.sub-app-box img { width: 48px; height: 48px; }
.apps-cat-box .item-box.sub-app-box h3.title { font-weight: 400; font-size: 18px; height: 30px; overflow: hidden; }
.apps-cat-box .item-box:hover { background-color: #e9e9e9; cursor: pointer; }
#sidebar:before { z-index: 0; }
.footer {position: absolute; width: 100%; bottom: 0px; z-index: -1; }
.fiter-search-box input { font-size: 18px; font-weight: 700; color: #333 !important; }
#btn-scroll-up { position: fixed; }
.label-binchai {position: absolute;top: 5px;left: 3px;padding: 3px 4px;}
.zhuohao-all-list-box div.item label { margin: 0px 5px; }
.zhuohao-all-list-box div.item.selected label { background-color: #333; border-radius: 10px; color: #fff !important; }
.table th, .table td { padding: 8px 3px; }
.apps-cat-box .item-box img.apps-icon { max-width: 128px; max-height: 128px; }
.widget-main .help-info { display: none; }
.lookup-field-box { position: relative; }
.lookup-field-box a.btn-lookup { position: absolute; right: 6px; top: 2px; }
@media only screen and (max-width: 1366px) {
    .nav-list>li>a {/* padding: 6px 0px 4px; */}
    .nav-list>li>a>[class*="icon-"],
    .nav-list>li>a>[class*="icon-"]:first-child{/* line-height: 24px;/* font-size: 20px; */0px}
}
@media only screen and (max-width: 1180px) {
    body.login-layout { background: url(../img/login-bg.jpg) no-repeat top center; background-size: 100% 100%;  }
    .fiter-search-box input { width: 80px; }
}

@media only screen and (max-width: 780px) {
    #menu-toggler>span:after { content: 'èœå•';}
}
@media only screen and (max-width: 780px) {
    #time-info { display: none; }
    .apps-cat-box .item-box {     
        width: 88%;
        float: none;
        display: block;
        height: 125px;
    }
    .apps-cat-box .item-box.sub-app-box { width: 35.5%; float: left; }
    .tool-btn-box { height: auto; width: 96%; right: 10px; padding-top: 10px; }
    .zhuohao-list-box { position: relative; top: 0px; }
    .order-list-box { position: relative; width: 100%; right: 0px; top: 0px; bottom: auto; }
    .zhuohao-inner-list-box { position: relative; top: 0px; }
    .zhuohao-list-box-wrapper { margin-right: 0px; }
    .zhuohao-inner-list-box-wrapper { margin-right: 0px; }
    .zhuo-hao-order-box { padding-bottom: 105px; }
    .order-list-wrapper-box { border-left: none; }
    .page-zaidian .zhuohao-item-box { 
        width: 45%;
        margin: 0px 7px 15px 10px;
    }
    .tool-btn-box { padding: 0px; border: none; border-top: 1px #e0e0e0 solid; }
    .tool-btn-box > .dropup { width: 50%; display: block; margin-bottom: 9px; }
    .tool-btn-box .btn-group+.btn-group { margin-left: 0px; }
    .tool-btn-box .dropup .btn-big { width: 73%; }
    .btn-part-box { clear: both; }
    .btn-part-box div.btn-row,
    .btn-part-box .btn-row {text-align: center;width: 99px;margin-left: 5px; margin-right: 0px; }
    .btn-part-box { margin-top: 10px; }
    .btn-part-box .btn-row a.dropdown-toggle { text-align: center; }
    .ace-nav>li { float: left !important;}
    .btn-part-box div.btn-row {width: 112px;margin-left: 4px;margin-right: 0px;}

}
@media only screen and (max-width: 480px) {
    #login-box .toolbar>div:first-child+div { float: right !important; margin-right: 10px; }
}
/*css auto complate*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.chzn-container .chzn-results li { line-height: 1.2 !important; }
.itemdiv>.tools, .itemdiv>.body>.tools { right: 36px; }
.theme-list .item-box { width: 25%; float: left; margin: 0px; }
.theme-list li .inner-box { border: 1px #f0f0f0 solid; margin: 10px; }